<template>
	<view class="w-670">
		
		<view class="flex justify-between align-center margin-top">
			<view>
			  <button class="bg-blue cu-btn fs-24">基金</button>
			  <text class="fs-32 text-bold margin-left">广发石油债券A（162719）</text>
			</view>
			<view class="text-orange fs-28">详情</view>
		</view>
		
		<view class="margin-top">
			<button class="cu-btn bg-red " >中低风险</button>
			<button class="cu-btn bg-orange margin-left ">债务性</button>
		</view>	
		<view class="margin-top">
			<view class="text-grey fs-28">总金额(元)</view>
			<view class="text-bold fs-70">100.00</view>
		</view>
				
		<view class="flex justify-between margin-top align-center">
			<view class="fs-28">
				<view class="text-gray">昨日收益</view>
				<view class="text-bold text-lg pt-10">100.00</view>
			</view>
			<view class="fs-28">
				<view class="text-gray">持有收益</view>
				<view class="text-bold text-lg pt-10">100.00</view>
			</view>
			<view class="fs-28">
				<view class="text-gray">持有收益率</view>
				<view class="text-bold text-lg pt-10" >100.00%</view>
			</view>
		</view>	
		
		<view class="margin-top-lg main">
			
			<view class="flex justify-between ptb-15">
				<text class="text-bold text-lg">收益明细</text>
				<view class="">
					<text class="text-gray "></text>
					<text class="cuIcon-right"></text>
				</view>
			</view>
			
			<view class="flex justify-between ptb-15">
				<text class="text-bold text-lg">交易明细</text>
				<view class="">
					<text class="text-gray "></text>
					<text class="cuIcon-right"></text>
				</view>
			</view>
			
			<view class="flex justify-between ptb-15 align-center">
				<text class="text-bold text-lg">基金诊断</text>
				<view class="">
					<text class="text-gray ">表现良好建议继续持有</text>
					<text class="cuIcon-right"></text>
				</view>
			</view>
			
			<view class="flex justify-between ptb-15">
				<text class="text-bold text-lg">分红方式</text>
				<view class="">
					<text class="text-gray ">现金分红</text>
					<text class="cuIcon-right"></text>
				</view>
			</view>
			
		</view>
		
		<view class="footer margin-top">
			<view class="text-gray fs-24">
				产品销售服务，由小雨点基金销售有限公司提供
			</view>
			<view class="text-gray fs-24">
				产品过往业绩不预示其未来表现，市场有风险，投资须谨慎
			</view>
		</view>
		
		<view class="cu-bar bg-white tabbar border shop static">
			<button class="action" open-type="contact" @contact="getInfo">
				<view class="cuIcon-service text-green">
					<view class="cu-tag badge">2</view>
				</view>
				客服
			</button>
			<view class=" text-yellow submit text-lg">
				<navigator url="../t-redemption/t-redemption">赎回</navigator>
			</view>
			<view class="bg-white submit text-yellow text-lg">
				<navigator url="../../pagesA/t-fundAip/t-fundAip">定投</navigator>
				</view>
			<view class="bg-orange submit text-lg ">
					<navigator url="../../pagesA/t-fundBuy/t-fundBuy">追加购买</navigator>
				</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			getInfo(e){
				console.log(e)
			}
			
		}
	}
</script>

<style scoped lang="scss">
.fs-70{
	font-size: 70rpx;
}
.fs-50{
	font-size: 50rpx;
}
.pt-10{
	padding-top: 10rpx;
}
.ptb-15{
	padding: 25rpx 0;
	border-bottom:1px solid  #EEEEEE;
}
.main{
	margin-top: 50rpx;
}
.footer{
	height: 200rpx;
	// border: 1px solid red;
	display: flex;
	flex-direction: column;
	justify-content:center ;
	text-align: left;
}
.static{
	width: 100vw;
	position: fixed;
	bottom: 0;
	left: 0;
	
}
</style>
